<script setup lang="ts">
import { PaymentCouponInfo } from '@/types/coupon';

defineProps<{
  source: PaymentCouponInfo;
}>();
</script>

<template>
  <view class="px-4 py-3 my-3 bg-[#FFEDD6] rounded-lg">
    <view class="flex items-center">
      <view class="flex-auto">
        <view class="text-dark">{{ source.coupon_name }}</view>
        <!-- <view class="text-second text-xs">预计抵抗金额: ￥{{ source.discount_amount }}</view> -->
        <view class="mt-2 text-xs text-third">使用规则></view>
      </view>

      <view class="flex-none ml-3 text-[#C7101A] text-center">
        <view>
          <text class="text-xs">￥</text>
          <text class="text-xl">{{ source.coupon_num }}</text>
        </view>
        <view class="mt-1 text-xs">满￥{{ source.min_amount }}可用</view>
      </view>
    </view>
  </view>
</template>
